<template>
	<view class="area"> 
		<view class="left">
			<image @click="jumpPage(1)" mode="scaleToFill" style="width: 100%;height: 100%;" src="https://yunxingzhanfile.oss-cn-qingdao.aliyuncs.com/10001/20210805/a94556619e035afb8006590141b7f9b5.jpg"></image>
		</view>
		<view>
			<view class="part top">
				<image @click="jumpPage(2)" style="width: 100%;height: 100%;" src="https://yunxingzhanfile.oss-cn-qingdao.aliyuncs.com/10001/20210805/c6bc8d592857a12e7cd5e6c426f48f59.jpg"></image>
			</view>
			<view class="part">
				<image @click="jumpPage(3)" style="width: 100%;height: 100%;" src="https://yunxingzhanfile.oss-cn-qingdao.aliyuncs.com/10001/20210805/60f0f11a214c3292d1c242c611803c96.jpg"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: [],
		data() {
			return {
			}
		},
		methods: {
			jumpPage(index){
				uni.navigateTo({
				  url: '/pages/views/search?index='+index
				});
			},
		}
	}
</script>

<style>
	.area{
		margin: 10rpx 10rpx 10rpx;
		display: flex;
		flex-direction: row;
		height: 250rpx;
	}
	.left{
		width: 372.5rpx;
		height: 100%;
		margin-right: 5rpx;
	}
	.top{
		margin-bottom: 5rpx;
	}
	.part{
		height: 122.5rpx;
		width: 372.5rpx;
	}
</style>
